<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description"
    content="OneMore is an add-in for OneNote with simple and powerful features that make OneNote a better OneNote">
  <meta name="author" content="Steven M Cohn">
  <meta name="generator" content="OneMore">
  <title>OneMore - a OneNote add-in</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
  <link href="/nav.css" rel="stylesheet">
  <link href="/toc.css" rel="stylesheet">
</head>

<body>
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="book-half" viewBox="0 0 16 16">
      <path fill="currentColor" fill-rule="evenodd"
        d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z">
      </path>
    </symbol>
    <symbol id="three-dots" viewBox="0 0 16 16">
      <path fill="currentColor" fill-rule="evenodd"
        d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z">
      </path>
    </symbol>
    <symbol id="facebook">
      <path fill="currentColor" fill-rule="evenodd"
        d="M480,257.35c0-123.7-100.3-224-224-224s-224,100.3-224,224c0,111.8,81.9,204.47,189,221.29V322.12H164.11V257.35H221V208c0-56.13,33.45-87.16,84.61-87.16,24.51,0,50.15,4.38,50.15,4.38v55.13H327.5c-27.81,0-36.51,17.26-36.51,35v42h62.12l-9.92,64.77H291V478.66C398.1,461.85,480,369.18,480,257.35Z">
      </path>
    </symbol>
    <symbol id="github">
      <path fill="currentColor" fill-rule="evenodd"
        d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z">
      </path>
    </symbol>
    <symbol id="heart">
      <path stroke="#FF0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
        d="M12 7.69431C10 2.99988 3 3.49988 3 9.49991C3 15.4999 12 20.5001 12 20.5001C12 20.5001 21 15.4999 21 9.49991C21 3.49988 14 2.99988 12 7.69431Z">
      </path>
    </symbol>
  </svg>

  <script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N"
    crossorigin="anonymous"></script>

  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top" aria-label="OneMore-navbar">
    <div class="container-fluid">
      <a class="navbar-brand" href="/">
        <img src="/Logo.png" alt="OneMore" height="45" class="logo d-inline-block align-text-middle">
        <div class="logo-text">OneMore</div>
      </a>

      <div class="navbar-toggler d-flex d-lg-none order-3 p-2" style="display:block">
        <button class="navbar-toggler navbar-dark" type="button" data-bs-toggle="offcanvas"
          data-bs-target="#offcanvasResponsive" aria-controls="offcanvasResponsive" aria-label="TOC">
          <svg class="bi" aria-hidden="true">
            <use xlink:href="#book-half"></use>
          </svg>
        </button>

        <button class="navbar-toggler navbar-dark" type="button" data-bs-toggle="collapse"
          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
          aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      </div>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <div class="navbar-nav me-auto mb-2 mb-lg-0">
          <!-- TODO class+active aria-currrent=page -->
          <a class="nav-link" href="/get-started/index.html" id="get-started-section">Get started</a>
          <a class="nav-link" href="/the-basics/index.html" id="the-basics-section">The Basics</a>
          <a class="nav-link" href="/commands/index.html" id="commands-section">Commands</a>
          <a class="nav-link" href="/context-menus/index.html" id="context-menus-section">Context Menus</a>
          <a class="nav-link" href="/developers/index.html" id="developers-section">Developers</a>
        </div>
        <div class="d-flex">
          <a class="nav-link nav-glyph py-2 px-lg-2" href="https://facebook.com/OneMoreAddIn" target="_blank" rel="noopener">
            <svg width="22px" height="22px" viewBox="0 0 512 512" id="fbglyph" xmlns="http://www.w3.org/2000/svg"
              stroke="#FFFFFF" role="img" class="navbar-nav-svg">
              <title>OneMore on Facebook</title>
              <use xlink:href="#facebook"></use>
            </svg>
            <small class="d-lg-none ms-2">Facebook</small>
          </a>
          <a class="nav-link nav-glyph py-2 px-lg-2" href="https://github.com/stevencohn/OneMore" target="_blank" rel="noopener">
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg"
              viewBox="0 0 512 499.36" role="img">
              <title>See the project on GitHub</title>
              <use xlink:href="#github"></use>
            </svg>
            <small class="d-lg-none ms-2">GitHub</small>
          </a>
          <a class="nav-link nav-glyph py-2 px-lg-2" href="https://github.com/sponsors/stevencohn" target="_blank" rel="noopener">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="navbar-nav-svg" viewBox="0 0 24 24"
              role="img" fill="none">
              <title>Please consider a donation</title>
              <use xlink:href="#heart"></use>
            </svg>
            <small class="d-lg-none ms-2">Donate</small>
          </a>
        </div>
      </div>
    </div>
  </nav>

  <div class="wrapper">

    <!-- Sidebar -->
    <nav id="sidebar" style="background-color:#EBE5E1; " aria-label="Sidebar">
      <div class="offcanvas-lg offcanvas-end" tabindex="-1" id="offcanvasResponsive"
        aria-labelledby="offcanvasResponsiveLabel">
        <div class="offcanvas-header">
          <h5 class="offcanvas-title" id="offcanvasResponsiveLabel">Get Started</h5>
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasResponsive"
            aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
          <ul class="navbar-nav">
            <li><a id="setup" href="Setup.htm">Setup</a></li>
<li><a id="building-the-installer" href="Building The Installer.htm">Building The Installer</a></li>
<li><a id="debugging-onemore" href="Debugging OneMore.htm">Debugging OneMore</a></li>
<li><a id="experimental-features" href="Experimental Features.htm">Experimental Features</a></li>
<li><a id="how-to-add-a-new-command" href="How to Add A New Command.htm">How to Add A New Command</a></li>
<li><a id="how-to-add-a-settings-sheet" href="How to Add A Settings Sheet.htm">How to Add A Settings Sheet</a></li>
<li><a id="language-translations" href="Language Translations.htm">Language Translations</a></li>
<li><a id="logging-options" href="Logging Options.htm">Logging Options</a></li>
<li><a id="scripts" href="Scripts.htm">Scripts</a></li>
<li><a id="smoke-tests" href="Smoke Tests.htm">Smoke Tests</a></li>
<li><a id="references" href="References.htm">References</a></li>
<li><a id="design---command-framework" href="Design - Command Framework.htm">Design - Command Framework</a></li>
<li><a id="design---command-service" href="Design - Command Service.htm">Design - Command Service</a></li>
<li><a id="design---hashtags" href="Design - Hashtags.htm">Design - Hashtags</a></li>
<li><a id="technote---colors" href="TechNote - Colors.htm">TechNote - Colors</a></li>
<li><a id="technote---com-registration" href="TechNote - COM Registration.htm">TechNote - COM Registration</a></li>
<li><a id="technote---com-surrogate" href="TechNote - COM Surrogate.htm">TechNote - COM Surrogate</a></li>
<li><a id="technote---editing-text" href="TechNote - Editing Text.htm">TechNote - Editing Text</a></li>
<li><a id="technote---interop" href="TechNote - Interop.htm">TechNote - Interop</a></li>
<li><a id="technote---styles" href="TechNote - Styles.htm">TechNote - Styles</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Page Content -->
    <div id="content" style="margin-left: 30px; margin-top:100px;">
      <DIV style="DIRECTION: ltr">
<DIV style="WIDTH: 8.47in; MARGIN-TOP: 0in; DIRECTION: ltr; MARGIN-LEFT: 0in">
<DIV style="WIDTH: 2.475in; MARGIN-TOP: 0in; DIRECTION: ltr; MARGIN-LEFT: 0.075in">
<P lang=yo style='FONT-SIZE: 20pt; FONT-FAMILY: "Calibri Light"; MARGIN: 0in'>TechNote - Styles</P></DIV>
<DIV style="WIDTH: 2.59in; MARGIN-TOP: 0.042in; DIRECTION: ltr; MARGIN-LEFT: 0.075in">
<P style="FONT-SIZE: 10pt; FONT-FAMILY: Calibri; COLOR: #767676; MARGIN: 0in">Thursday, February 16, 2023</P>
<P style="FONT-SIZE: 10pt; FONT-FAMILY: Calibri; COLOR: #767676; MARGIN: 0in">12:52 PM</P></DIV>
<DIV style="WIDTH: 8.47in; MARGIN-TOP: 0.434in; DIRECTION: ltr; MARGIN-LEFT: 0in">
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">This is a discussion of font styles as they pertain to the desktop edition of OneNote.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">First, a couple of definitions for clarity. I try to hold true to these definitions throughout the article.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<UL style="MARGIN-BOTTOM: 0in; unicode-bidi: embed; MARGIN-TOP: 0in; DIRECTION: ltr" type=disc>
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">An </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; FONT-STYLE: italic">attribute</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> always refers to an attribute of an XML element.</SPAN> 
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">A </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; FONT-STYLE: italic">property</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> always refers to the individual properties of a style.</SPAN> </LI></UL>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">In this following example, a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>span</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element has a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>style </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; FONT-STYLE: italic">attribute</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> and that attribute includes a number of style </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; FONT-STYLE: italic">properties</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">, specifically font-style and color.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">font-style:italic;color:#C55A11</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">What is the Page XML Model?</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">The OneNote user interface presents and lets you manage a logical view of objects known as <SPAN style="FONT-STYLE: italic">notebooks</SPAN>, <SPAN style="FONT-STYLE: italic">sections</SPAN>, and <SPAN style="FONT-STYLE: italic">pages</SPAN>. (<SPAN style="FONT-STYLE: italic">Section groups</SPAN> are really those just logical folders within a section.) Thre phyisical storage model is slightly different: a new <SPAN style="FONT-STYLE: italic">section</SPAN>.one file is maintained for each section and that <SPAN style="FONT-STYLE: italic">section</SPAN>.one file contains data for all pages in that section. Similarly, a new <SPAN style="FONT-STYLE: italic">notebook.</SPAN>onetoc2 file is maintained for each notebook and that <SPAN style="FONT-STYLE: italic">notebook.</SPAN>onetoc2 file constains an index of all sections in that notebook.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">The <SPAN style="FONT-STYLE: italic">section</SPAN>.one files are binary files with a complicated object model <A href="https://learn.microsoft.com/en-us/openspecs/office_file_formats/ms-offfflp/6ae2fd93-51fc-4e75-a54a-1b175c627b51?redirectedfrom=MSDN">defined here</A>. While it is possible to write a program to read and write these files directly, that becomes problematic when these files are stored on OneDrive where they're not so easily accessible.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">So instead, Microsoft developed a <A href="https://learn.microsoft.com/en-us/office/client-developer/onenote/application-interface-onenote">public library</A> (a DLL) that allows third-parties to develop add-ins for OneNote. (In fact, there are libraries for every Office product and their corresponding add-ins.) And instead of exposing the binary object models stored in the .one files, the library transforms those models into a logical XML representation to make it more readily consumable by most common programming frameworks. This XML is fully described by the <A href="https://github.com/stevencohn/OneMore/blob/main/Reference/0336.OneNoteApplication_2013.xsd">OneNote Application XSD schema definition file</A>.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">We'll explore the logical XML representation of a page; we will not touch upon the physical storage model at all. But it's important to remember that the XML is not how the page is actually stored - it is just a <SPAN style="FONT-STYLE: italic">representation</SPAN> or <SPAN style="FONT-STYLE: italic">transformation</SPAN> or <SPAN style="FONT-STYLE: italic">projection</SPAN> of the physical models and may not map one-to-one to how those physical models are stored.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Page XML</H1>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">Here is the smallest possible XML representation of a OneNote page as returned by the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>IApplication.GetPageContent</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> method. This does not have a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:Title</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> block because it was created as a QuickNote, and all extraneous attributes have been removed, both for simplicity.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">As we explore how OneNote applies styles to a page, we'll<SPAN style="mso-spacerun: yes">&nbsp; </SPAN>keep track of the changes in the two areas outlined below.</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">Page</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">&lt;</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">one</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">:</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">QuickStyleDef</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: #fa0000"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">index</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="0" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">name</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="p" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">fontColor</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="automatic" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">highlightColor</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="automatic" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">font</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="Calibri"</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">fontSize</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="11.0" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">spaceBefore</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="0.0" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: red">spaceAfter</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">=</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: black">"</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">0.0</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: black">" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">PageSettings </SPAN><SPAN style="COLOR: #fa0000">RTL</SPAN><SPAN style="COLOR: blue">="false" </SPAN><SPAN style="COLOR: red">color</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">#FFFFFF</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">PageSize</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">Automatic </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN>&lt;/</SPAN><SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">PageSize</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">RuleLines </SPAN><SPAN style="COLOR: red">visible</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">false</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>&lt;/</SPAN><SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">PageSettings</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">Outline</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">Position </SPAN><SPAN style="COLOR: #fa0000">x</SPAN><SPAN style="COLOR: blue">="36.0" </SPAN><SPAN style="COLOR: #fa0000">y</SPAN><SPAN style="COLOR: blue">="32.39999771118164" </SPAN><SPAN style="COLOR: red">z</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">Size </SPAN><SPAN style="COLOR: #fa0000">width</SPAN><SPAN style="COLOR: blue">="162.1652679443359" </SPAN><SPAN style="COLOR: red">height</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">13.48873901367187</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OEChildren</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">&lt;</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">one</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">:</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">OE </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">alignment</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="left" </SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #fa0000">quickStyleIndex</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">="0"&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">&lt;</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">one</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">:</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">T</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">&gt;</SPAN><SPAN style="BACKGROUND: #ffff99">&lt;![CDATA[</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: gray">Lorem ipsum dolor sit amet</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: blue">]]&gt;</SPAN><SPAN style="BACKGROUND: #ffff99">&lt;/</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">one</SPAN><SPAN style="BACKGROUND: #ffff99">:</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">T</SPAN><SPAN style="BACKGROUND: #ffff99">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: black">&lt;/</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">one</SPAN><SPAN style="BACKGROUND: #ffff99">:</SPAN><SPAN style="BACKGROUND: #ffff99; COLOR: #a31515">OE</SPAN><SPAN style="BACKGROUND: #ffff99">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp;&nbsp; </SPAN>&lt;/</SPAN><SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OEChildren</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>&lt;/</SPAN><SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">Outline</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">Page</SPAN>&gt;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">To peek ahead just a little in discussion… what are we looking at above? The page is described by a containing </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:Page</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element. The </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:QuickStyleDef</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element describes the one style used on the page; note its index, 0. This is followed by a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:PageSettings</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element that describes the size and rule lines. And then there is a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:Outline</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> that represents the first text "container" on the page. This container has one paragraph, a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:OE</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">, which references quick style index 0. And that paragraph has one text run, a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:T</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">. That text run has the string "</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; COLOR: #595959">Lorem ipsum dolor sit amet</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">".</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Styles</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">OneNote has a set of eleven standard built-in styles that can be applied to text on a page. These are listed in the Styles gallery in the Home ribbon tab</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 1pt solid; DIRECTION: ltr; MARGIN-LEFT: 0.333in; BORDER-LEFT: #a3a3a3 1pt solid" cellSpacing=0 cellPadding=0 summary="" border=1 valign="top">
<TBODY>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 2.903in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt; BACKGROUND-COLOR: #e5e0ec">
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; TEXT-ALIGN: center; MARGIN: 0in"><SPAN style="FONT-WEIGHT: bold; FONT-STYLE: italic">OneNote Styles</SPAN></P></TD>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 2.638in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt; BACKGROUND-COLOR: #e5e0ec">
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; TEXT-ALIGN: center; MARGIN: 0in"><SPAN style="FONT-WEIGHT: bold; FONT-STYLE: italic">How they appear on a page</SPAN></P></TD></TR>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 2.903in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt">
<P style="MARGIN: 0in"><IMG src="TechNote%20-%20Styles_files/image001.png" width=109 height=255></P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P></TD>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 2.638in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt">
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 1pt solid; DIRECTION: ltr; MARGIN-LEFT: 0.333in; BORDER-LEFT: #a3a3a3 1pt solid" cellSpacing=0 cellPadding=0 summary="" border=1 valign="top">
<TBODY>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 1.675in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt">
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Heading1</H1>
<H2 lang=yo style="FONT-SIZE: 14pt; FONT-FAMILY: Calibri; COLOR: #2e75b5; MARGIN: 0in">Heading2</H2>
<H3 lang=yo style="FONT-SIZE: 12pt; FONT-FAMILY: Calibri; COLOR: #5b9bd5; MARGIN: 0in">Heading3</H3>
<H4 lang=yo style="FONT-SIZE: 12pt; FONT-FAMILY: Calibri; COLOR: #5b9bd5; MARGIN: 0in"><SPAN style="FONT-STYLE: italic">Heading4</SPAN></H4>
<H5 lang=yo style="FONT-SIZE: 11pt; FONT-FAMILY: Calibri; COLOR: #2e75b5; MARGIN: 0in"><SPAN style="FONT-STYLE: italic">Heading5</SPAN></H5>
<H6 lang=yo style="FONT-SIZE: 11pt; FONT-FAMILY: Calibri; COLOR: #2e75b5; MARGIN: 0in"><SPAN style="FONT-STYLE: italic">Heading6</SPAN></H6>
<P lang=yo style='FONT-SIZE: 20pt; FONT-FAMILY: "Calibri Light"; MARGIN: 0in'>Page Title</P>
<P><CITE lang=yo style="FONT-SIZE: 9pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in">Citation</CITE></P>
<BLOCKQUOTE lang=yo style="FONT-SIZE: 11pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in"><SPAN style="FONT-STYLE: italic">Quote</SPAN></BLOCKQUOTE>
<P><CODE lang=yo style="FONT-SIZE: 11pt; FONT-FAMILY: Consolas; MARGIN: 0in">Code</CODE></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Normal</P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">These are static definitions, hard-coded in OneNote itself, and cannot be altered in any way. But let's explore how these are applied to text on a page. When a style is applied to text, OneNote will ensure that the style is defined in the XML by adding a corresponding </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:QuickStyleDef</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element that describes that style.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 1pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 1pt solid" cellSpacing=0 cellPadding=0 summary="" border=1 valign="top">
<TBODY>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 8.388in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt; BACKGROUND-COLOR: #f6faff">
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 0pt solid; BORDER-RIGHT: #a3a3a3 0pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 0pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 0pt solid" cellSpacing=0 cellPadding=0 summary="" border=0 valign="top">
<TBODY>
<TR>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 0.667in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P lang=yo style='FONT-SIZE: 22pt; FONT-FAMILY: "Segoe UI Symbol"; COLOR: #2e75b5; TEXT-ALIGN: center; MARGIN: 0in'><SPAN style="FONT-WEIGHT: bold">🛈</SPAN></P></TD>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 7.508in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P lang=yo style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333; MARGIN: 0in'><SPAN style="FONT-WEIGHT: bold">Paragraph Styles</SPAN></P>
<P lang=yo style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333; MARGIN: 0in'>It's important to note that all of the built-in styles are <SPAN style="FONT-STYLE: italic">paragraph styles</SPAN>. That is, they apply to an entire paragraph. By contract, Microsoft Word has the concept of both paragraph styles and character styles, where the latter can be applied to a sequence of characters within a paragraph without necessarily affecting the entire paragraph. OneMore <SPAN style="FONT-STYLE: italic">My Styles</SPAN> lets you define both paragraph styles and characters styles.</P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Courier New"; COLOR: #43577c; MARGIN: 0in'>──────────────────────────────────────────────────────────────────────────────────────────────────</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Exploration</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Let's start with a simple example. If we were to add a <SPAN style="FONT-STYLE: italic">Heading 1</SPAN> line to this page:</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in 0in 0in 0.375in">This is a "Heading 1" line</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in 0in 0in 0.375in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">OneNote first adds the following defintion if not already there. Note the value of the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>index</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> attribute.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">QuickStyleDef </SPAN><SPAN style="COLOR: red">index</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">name</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">h1</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">#1E4E79</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">highlightColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">font</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">Calibri</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontSize</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">16.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceBefore</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceAfter</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">OneNote then links this style to a paragraph by applying its index value to the the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>quickStyleIndex</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> attribute as shown here.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OE </SPAN><SPAN style="COLOR: red">alignment</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">left</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">quickStyleIndex</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">T</SPAN><SPAN style="COLOR: blue">&gt;</SPAN>&lt;![CDATA[<SPAN style="COLOR: gray">This is a &amp;quot;Heading 1&amp;quot; line</SPAN><SPAN style="COLOR: blue">]]&gt;</SPAN>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">T</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OE</SPAN>&gt;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Now, what happens if we change the color of that heading using the Basic Text Font Color button on the ribbon?</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #c55a11; MARGIN: 0in 0in 0in 0.375in">This is a "Heading 1" line</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">This is the result in the XML</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OE </SPAN><SPAN style="COLOR: red">alignment</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">left</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">quickStyleIndex</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">"</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: red"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">font-family:Calibri;font-size:16.0pt;color:#C55A11</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN></SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">T</SPAN><SPAN style="COLOR: blue">&gt;</SPAN>&lt;![CDATA[<SPAN style="COLOR: gray">This is a &amp;quot;Heading 1&amp;quot; line</SPAN><SPAN style="COLOR: blue">]]&gt;</SPAN>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">T</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OE</SPAN>&gt;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">Notice that the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>quickStyleIndex</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> is still set to "2" but a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>style</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> attribute has been added. Also, this style attribute not only includes the color override (#C55A11) but also duplicates the font-family and font-size. It's unclear why Microsoft duplicates these properties in the style attribute; I do not know if it's stored this way in the binary format or it's just projected this way in the XML for clarity or convenience for consumers. But let's explore what happens if you change </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; FONT-STYLE: italic">part </SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">of the line</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; MARGIN: 0in 0in 0in 0.375in"><SPAN style="COLOR: #c55a11">This is a "</SPAN><SPAN style="COLOR: #70ad47">Heading 1</SPAN><SPAN style="COLOR: #c55a11">" line</SPAN></H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">This is the result in the XML</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OE </SPAN><SPAN style="COLOR: red">alignment</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">left</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">quickStyleIndex</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue"><SPAN style="mso-spacerun: yes">&nbsp;&nbsp; </SPAN>&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">T</SPAN><SPAN style="COLOR: blue">&gt;</SPAN>&lt;![CDATA[<SPAN style="COLOR: gray">&lt;span style='color:#C55A11'&gt;This is a &amp;quot;&lt;/span&gt;&lt;span style='color:#70AD47'&gt;Heading 1&lt;/span&gt;&lt;span style='color:#C55A11'&gt;&amp;quot; line&lt;/span&gt;</SPAN><SPAN style="COLOR: blue">]]&gt;</SPAN>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">T</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OE</SPAN>&gt;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">While the CDATA part appears to be a bit more complicated, we can easily break it down. CDATA contains a (very small) subset of HTML and CSS. In fact, that subset includes the span element and a limited set of styles that affect the font. So let's pull out the CDATA and look at it as if it were standalone XML.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">color:#C55A11</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">This is a </SPAN><SPAN style="COLOR: red">&amp;quot;</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">color:#70AD47</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">Heading 1</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">color:#C55A11</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: red">&amp;quot;</SPAN><SPAN style="COLOR: black"> line&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN>&gt;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">The paragraph still has only one text run but that run is divided into separate spans. OneNote breaks it up to apply the explicit colors needed to override the implicit color of the Quick Style.</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">If we were to revert to the default color and then color only the "Heading 1" part, this is the result</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black">This is a </SPAN><SPAN style="COLOR: red">&amp;quot;</SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">color:#70AD47</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">Heading 1&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN>&gt;<SPAN style="COLOR: red">&amp;quot;</SPAN><SPAN style="COLOR: black"> line</SPAN></P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">So OneNote normalizes as much as it can, keeping only what's needed to express the desired result.</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 1pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 1pt solid" cellSpacing=0 cellPadding=0 summary="" border=1 valign="top">
<TBODY>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 8.373in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt; BACKGROUND-COLOR: #e5e0ec">
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 0pt solid; BORDER-RIGHT: #a3a3a3 0pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 0pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 0pt solid" cellSpacing=0 cellPadding=0 summary="" border=0 valign="top">
<TBODY>
<TR>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 0.681in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P style='FONT-SIZE: 22pt; FONT-FAMILY: "Segoe UI Emoji"; TEXT-ALIGN: center; MARGIN: 0in'>📓</P></TD>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 7.479in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P lang=yo style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333; MARGIN: 0in'><SPAN style="FONT-WEIGHT: bold">Styles properties are applied in this order, each overriding the previous</SPAN></P>
<UL style="MARGIN-BOTTOM: 0in; unicode-bidi: embed; MARGIN-TOP: 0in; DIRECTION: ltr" type=disc>
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px; COLOR: #333333"><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"'>QuickStyleDef</SPAN> 
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px; COLOR: #333333"><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #ccc1d9; COLOR: #172b4d'>one:OE style</SPAN><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'> attribute</SPAN> 
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px; COLOR: #333333"><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'>CDATA </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #ccc1d9; COLOR: #172b4d'>span style</SPAN><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'> attribute</SPAN> </LI></UL></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Now let's change the color of the entire line but italicize part of it.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #c55a11; MARGIN: 0in 0in 0in 0.375in">This is a "<SPAN style="FONT-STYLE: italic">Heading 1</SPAN>" line</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Here's the XML</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OE </SPAN><SPAN style="COLOR: red">alignment</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">left</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">quickStyleIndex</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">"</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: red"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">font-family:Calibri;font-size:16.0pt;color:#C55A11</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">T</SPAN><SPAN style="COLOR: blue">&gt;</SPAN>&lt;![CDATA[<SPAN style="COLOR: gray">This is a &amp;quot;&lt;span style='font-style:italic'&gt;Heading 1&lt;/span&gt;&amp;quot; line</SPAN><SPAN style="COLOR: blue">]]&gt;</SPAN>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">T</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OE</SPAN>&gt;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">Note that the font-family, font-size, and color are applied to the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:OE</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> element, while font-style:italic is applied in a span in the CDATA. </SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 1pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 1pt solid" cellSpacing=0 cellPadding=0 summary="" border=1 valign="top">
<TBODY>
<TR>
<TD style="BORDER-TOP: #a3a3a3 1pt solid; BORDER-RIGHT: #a3a3a3 1pt solid; WIDTH: 8.309in; VERTICAL-ALIGN: top; BORDER-BOTTOM: #a3a3a3 1pt solid; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; BORDER-LEFT: #a3a3a3 1pt solid; PADDING-RIGHT: 3pt; BACKGROUND-COLOR: #e5e0ec">
<DIV style="DIRECTION: ltr">
<TABLE title="" style="BORDER-TOP: #a3a3a3 0pt solid; BORDER-RIGHT: #a3a3a3 0pt solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a3a3a3 0pt solid; DIRECTION: ltr; BORDER-LEFT: #a3a3a3 0pt solid" cellSpacing=0 cellPadding=0 summary="" border=0 valign="top">
<TBODY>
<TR>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 0.681in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P style='FONT-SIZE: 22pt; FONT-FAMILY: "Segoe UI Emoji"; TEXT-ALIGN: center; MARGIN: 0in'>📓</P></TD>
<TD style="BORDER-LEFT-WIDTH: 0pt; BORDER-RIGHT-WIDTH: 0pt; WIDTH: 7.415in; VERTICAL-ALIGN: top; BORDER-BOTTOM-WIDTH: 0pt; PADDING-BOTTOM: 2pt; PADDING-TOP: 2pt; PADDING-LEFT: 3pt; PADDING-RIGHT: 3pt; BORDER-TOP-WIDTH: 0pt">
<P lang=yo style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333; MARGIN: 0in'><SPAN style="FONT-WEIGHT: bold">Rules</SPAN></P>
<UL style="MARGIN-BOTTOM: 0in; unicode-bidi: embed; MARGIN-TOP: 0in; DIRECTION: ltr" type=disc>
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px; COLOR: #333333"><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'>Font family, size, and color may be in a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #ccc1d9; COLOR: #172b4d'>span</SPAN><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'>.</SPAN> 
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px; COLOR: #333333"><SPAN style='FONT-SIZE: 11pt; FONT-FAMILY: "Segoe UI"; COLOR: #333333'>Font family, size, and color prefer to be in the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #ccc1d9; COLOR: #172b4d'>one:OE</SPAN> </LI></UL>
<UL style="MARGIN-BOTTOM: 0in; unicode-bidi: embed; MARGIN-TOP: 0in; DIRECTION: ltr" type=disc>
<LI lang=yo style="MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-TOP: 0px"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">Bold, italic, underline, super, sub, color, and highlight will always be added to a </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #ccc1d9; COLOR: #172b4d'>span</SPAN> </LI></UL></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">&nbsp;</H1>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Normalization and Promotion</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">As mentioned previously, OneNote does its best to normalize styles, promoting them upwards from a CDATA span to its parent OE - other than the noted rule exceptions above.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">If you were to programmaticaly alter the XML or use the OneMore XML Dialog to alter the XML, you can add font family, size, and color to a CDATA </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>span</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">. When the page is saved, OneNote will normalize that, if it can, promoting those properties to the </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:OE</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> style attribute.</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">The Challenge of Complex Patterns</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Consider this line of text</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in 0in 0in 0.375in">This <SPAN style="TEXT-DECORATION: underline">line </SPAN><SPAN style="TEXT-DECORATION: underline; BACKGROUND: yellow; mso-highlight: yellow">has </SPAN><SPAN style="BACKGROUND: yellow; FONT-STYLE: italic; mso-highlight: yellow">mu</SPAN><SPAN style="FONT-STYLE: italic">l</SPAN><SPAN style="COLOR: #5b9bd5; FONT-STYLE: italic">tiple</SPAN><SPAN style="COLOR: #5b9bd5"> over</SPAN>lapping styles</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Notice that there are overlapping styles, for example, the word "multiple" is styled two different ways: the first half is italic and highlighted, while the second half is italic and blue.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Its XML looks like this</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">OE </SPAN><SPAN style="COLOR: red">alignment</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">left</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">quickStyleIndex</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">1</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue"><SPAN style="mso-spacerun: yes">&nbsp; </SPAN>&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">T</SPAN><SPAN style="COLOR: blue">&gt;</SPAN>&lt;![CDATA[<SPAN style="COLOR: gray">This &lt;span style='text-decoration:underline'&gt;line &lt;/span&gt;&lt;span style='text-decoration: underline;background:yellow;mso-highlight:yellow'&gt;has &lt;/span&gt;&lt;span style='font-style:italic;background:yellow;mso-highlight:yellow'&gt;mu&lt;/span&gt;&lt;span style='font-style:italic'&gt;l&lt;/span&gt;&lt;span style='font-style:italic;color:#5B9BD5'&gt;tiple&lt;/span&gt;&lt;span style='color:#5B9BD5'&gt; over&lt;/span&gt;lapping styles</SPAN><SPAN style="COLOR: blue">]]&gt;</SPAN>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">T</SPAN>&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;/<SPAN style="COLOR: #a31515">one</SPAN>:<SPAN style="COLOR: #a31515">OE</SPAN>&gt;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">Break down the CDATA into</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: black">This </SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">text-decoration:underline</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">line </SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'>&lt;<SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN>='text-decoration: underline;background:yellow;mso-highlight:yellow'&gt;has &lt;/span&gt;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">font-style:italic;background:yellow;mso-highlight:yellow</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">mu</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">font-style:italic</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">l</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">font-style:italic;color:#5B9BD5</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black">tiple</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">span </SPAN><SPAN style="COLOR: red">style</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">color:#5B9BD5</SPAN><SPAN style="COLOR: black">'</SPAN><SPAN style="COLOR: blue">&gt;</SPAN><SPAN style="COLOR: black"> over</SPAN><SPAN style="COLOR: gray">&lt;/</SPAN><SPAN style="COLOR: #a31515">span</SPAN><SPAN style="COLOR: gray">&gt;</SPAN><SPAN style="COLOR: black">lapping styles</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">This exemplifies the challenges of searching for the word "multiple" on the page, or applying custom styles to this paragraph. </P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">Inconsistencies</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">There are times when OneNote loses its mind. While it certainly attempts to normalize as much as it can, it will, at unpredictable times, duplicate a Quick Style. While writing up this page, OneNote has added these duplicate definitions to the page.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">QuickStyleDef </SPAN><SPAN style="COLOR: red">index</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">1</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">name</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">p</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">highlightColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">font</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">Calibri</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontSize</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">11.5</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceBefore</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceAfter</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">QuickStyleDef </SPAN><SPAN style="COLOR: red">index</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">11</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">name</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">p</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">highlightColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">font</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">Calibri</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontSize</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">11.5</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceBefore</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceAfter</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">and</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">QuickStyleDef </SPAN><SPAN style="COLOR: red">index</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">2</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">name</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">h1</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">#1E4E79</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">highlightColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">font</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">Calibri</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontSize</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">16.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceBefore</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceAfter</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Lucida Console"; MARGIN: 0in 0in 0in 0.375in'><SPAN style="COLOR: blue">&lt;</SPAN><SPAN style="COLOR: #a31515">one</SPAN><SPAN style="COLOR: blue">:</SPAN><SPAN style="COLOR: #a31515">QuickStyleDef </SPAN><SPAN style="COLOR: red">index</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">12</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">name</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">h1</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">#1E4E79</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">highlightColor</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">automatic</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">font</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">Calibri</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">fontSize</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">16.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceBefore</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: red">spaceAfter</SPAN><SPAN style="COLOR: blue">=</SPAN><SPAN style="COLOR: black">"</SPAN><SPAN style="COLOR: blue">0.0</SPAN><SPAN style="COLOR: black">" </SPAN><SPAN style="COLOR: blue">/&gt;</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">The definitions are the same, varying only by their </SPAN><SPAN style='FONT-SIZE: 9pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>index</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri"> attributes. Why were they duplicated? Is this a bug? Who knows?</SPAN></P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style='FONT-SIZE: 10pt; FONT-FAMILY: "Courier New"; COLOR: #43577c; MARGIN: 0in'>─────────────────────────────────────────────────────────────────────────────────────────────────</P>
<H1 lang=yo style="FONT-SIZE: 16pt; FONT-FAMILY: Calibri; COLOR: #1e4e79; MARGIN: 0in">OneMore Styles</H1>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">OneMore piggybacks on this basic OneNote style framework to implement the <SPAN style="FONT-STYLE: italic">My Styles</SPAN> features. Since OneNote gracefully allows multiple Quick Style definitions with the same name, OneMore takes advantage of this to define its own styles.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">When you create a new style, you can choose whether it is a paragraph style, a character style, or a heading. OneMore uses this information to generate an appropriate Quick Style definition.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">When a new heading style is created and reordered, OneMore can use this information to generate a Quick Style with the appropriate h1..h6 name. By reusing the standard h1..h6 internal names, this makes it easy for OneMore to generate a table of contents for the page based on both standard headings and custom headings.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">All other custom styles are represented by a new "p" Quick Style.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">OneMore abides by the OneNote rules, attempting to apply and distribute styles in a normalized fashion, from CDATA to OE to QuickStyleDef.</P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P lang=yo style="MARGIN: 0in"><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">However, there are times when OneMore does take advantage of the fact that OneNote will automatically normalize and reshuffle style properties when you save a page. So OneMore may dump styles into a </SPAN><SPAN style='FONT-SIZE: 9.5pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>span</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">, even though they should go in the parent </SPAN><SPAN style='FONT-SIZE: 9.5pt; FONT-FAMILY: "Lucida Console"; BACKGROUND: #e8e8e8; COLOR: #172b4d'>one:OE</SPAN><SPAN style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri">, knowing that OneNote will sort it out accordingly. These cases are rare but are often done to keep the OneMore code simple (or "simpler").</SPAN></P>
<P lang=yo style="FONT-SIZE: 11.5pt; FONT-FAMILY: Calibri; MARGIN: 0in">&nbsp;</P>
<P><CITE lang=yo style="FONT-SIZE: 9pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in">#omwiki #omdeveloper #omtechnote</CITE></P>
<P><CITE lang=yo style="FONT-SIZE: 9pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in">&nbsp;</CITE></P>
<P><CITE lang=yo style="FONT-SIZE: 10pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in">© 2020 Steven M Cohn. All rights reserved.</CITE></P>
<P><CITE lang=yo style="FONT-SIZE: 10pt; FONT-FAMILY: Calibri; COLOR: #595959; MARGIN: 0in">Please consider a <A href="https://github.com/sponsors/stevencohn">sponsorship or one-time donation</A> to support ongoing development</CITE></P></DIV></DIV></DIV>
<DIV>
<P style="MARGIN: 0in">&nbsp;</P>
<P style="FONT-SIZE: 9pt; FONT-FAMILY: Arial; COLOR: #969696; DIRECTION: ltr; TEXT-ALIGN: left; MARGIN: 0in">Created with OneNote.</P></DIV>
    </div>

  </div>
  <script>
    $('#developers-section').addClass('active');
    let pageID = '#' + window.location.pathname.match(/.*\/(.*).htm$/)[1];
    pageID = pageID.toLowerCase().replace(/%20| |\./g,'-')
    if ( $(pageID).length > 0) { $(pageID).addClass('active'); }
  </script>
</body>

</html>
